import Vue from 'vue'
import Vuex from 'vuex'
// 导入日志插件
import createLogger from 'vuex/dist/logger'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // collectlist: [],//收藏列表
    // 每次刷新就从本地存储中去取本地存储中存的值，如果没有就返回一个空数组
    collectlist: localStorage.getItem('vuex') ? JSON.parse(localStorage.getItem('vuex')).collectlist : []
  },
  getters: {
  },
  mutations: {
    collect(state, payload) {//收藏一个店铺
      state.collectlist.push(payload);
      // 每次刷新都会导致数据丢失，所以把每次的数据要存进本地存储中
      localStorage.setItem('vuex', JSON.stringify(state));
    },
    cancel_collect(state, payload) {//取消收藏一个店铺
      var index = state.collectlist.findIndex((item) => {
        // console.log(payload.mtWmpoiId);
        return item.mtWmPoiId == payload.mtWmPoiId;
      })
      if (index != -1) {
        state.collectlist.splice(index, 1);
      }
      localStorage.setItem('vuex', JSON.stringify(state));
    }
  },
  actions: {
  },
  modules: {
  },
  //配合其他插件 管理vuex中state内部的数据
  plugins: [createLogger()]
})
